<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/liebiao.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_3007245_ypxjlundu5h.css">
</head>

<body>

    <!-- header -->
    <div class="header">
        <div class="contain">
            <div class="left">
                <a href="">帮助中心</a>
                <a href="">收藏</a>
                <a href="">360官网</a>
                <a href="">360智慧生活</a>
            </div>
            <div class="rightt off active">
                <a href="../views/denglu.html">登录</a>
                <a href="../views/zhuce.html">注册</a>
                <a href="./zhuce.html" class="iconfont icon-shangchengdingdan"></a>
            </div>
            <div class="on">
                <span>xxxxxx</span>
                <a class="iconfont icon-shangchengdingdan" href="../views/gouwuche.html"></a>
            </div>
        </div>
    </div>

    <!-- look -->
    <div class="look">
        <div class="top">
            <p class="iconfont icon-duihuakuang4"></p>
            <p class="iconfont icon-weixin1"></p>
            <p class="iconfont icon-zixun"></p>
        </div>
        <div class="bott">
            <p class="iconfont icon-yingyong1"></p>
            <p class="iconfont icon-huidaodingbu last"></p>
        </div>
    </div>

    <!-- news -->
    <div class="news">
        <div class="contain">
            <div class="left">
                <img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png" alt="">
                <a href="https://mall.360.cn/ac/xpss?track=PCXP">新品推荐</a>
                <a href="https://mall.360.cn/ac/remaibang?track=PCRM">热卖榜单</a>
            </div>
            <div class="right">
                <div class="top">
                    <input type="text">
                    <button class="iconfont icon-fangdajing"></button>
                    <ul class="ulbox"></ul>
                </div>
                <ol class="bot">
                    <li><a href="">记录仪</a></li>
                    <li><a href="">摄像机</a></li>
                    <li><a href="">路由器</a></li>
                    <li><a href="">耳机</a></li>
                    <li><a href="">扫地机</a></li>
                    <li><a href="">智能手表</a></li>
                </ol>
            </div>
        </div>
    </div>

    <div class="container">
        <ul class="cate">
            <p>分类：</p>
            <li>手机数码</li>
        </ul>

        <hr>
        <hr>

        <ol class="props">
            <li>360</li>
        </ol>

        <hr>
        <hr>

        <div class="san">
            <p class="sort_item" data-value="">默认</p>
            <p class="sort_item" data-value="asc">价格升序</p>
            <p class="sort_item" data-value="desc">价格降序</p>
        </div>

        <hr>
        <hr>

        <input type="text" class="si">
        <button>搜索</button>

        <hr>
        <hr>

        <div class="pagination">
            <span>上一页</span>
            <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
            <span>下一页</span>
        </div>
    </div>

    <hr>
    <hr>

    <ul class="list">
        <li>
            <img src="" alt="">
            <p>标题</p>
            <span>
                价格
            </span>
        </li>
    </ul>

    <!-- footer -->
    <div class="footer-o">
        <div class="containerr">
            <div class="left">
                <h1>关于商城</h1>
                <p>360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。
                </p>
                <span></span>
                <div class="bot">
                    <p>关于我们</p>
                    <p class="iconfont icon-weixin"></p>
                    <p class="iconfont icon-weibo"></p>
                </div>
            </div>
            <div class="center">
                <div class="le">
                    <h1>售后服务</h1>
                    <ol>
                        <li>7日无理由退货</li>
                        <li>质量问题15日内换货</li>
                        <li>保修条款</li>
                        <li>服务流程</li>
                        <li>许可协议</li>
                        <li>隐私政策</li>
                    </ol>
                </div>
                <div class="righ">
                    <h1>帮助中心</h1>
                    <ol>
                        <li>用户注册</li>
                        <li>会员说明</li>
                        <li>登录与密码找回</li>
                        <li>购买指南</li>
                        <li>支付方式</li>
                        <li>配送与说明</li>
                    </ol>
                </div>
            </div>
            <div class="right">
                <h2>联系我们</h2>
                <h1>400-6822-360</h1>
                <p>周一至周日 9:00-18:00(仅收市话费)</p>
            </div>
        </div>

    </div>
    <div class="footer-t">
        <div class="containerr">
            <div class="top">
                <div class="one">
                    <p class="iconfont icon-7tianbaotui"></p>
                    <p>7天无理由退货</p>
                </div>
                <div class="two">
                    <p class="iconfont icon-15tianbaotui01"></p>
                    <p>15天免费换货</p>
                </div>
                <div class="three">
                    <p class="iconfont icon-hezi201"></p>
                    <p>满99元包邮</p>
                </div>
            </div>
            <div class="bot">
                <p>20019-2021 mall.360.cn版权所有</p>
                <p>京ICP备08010314号-6 营业执照</p>
                <span>公司名称：北京视觉世界科技有限公司 | 社会统一信用代码：91110105336460203N | 食品经营许可证</span><br>
                <span>公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 | 联系方式：400-6822-360</span>
            </div>
        </div>
    </div>

    <script src="../js/liebiao.js"></script>
</body>

</html>